
// Catchall baseclass
@import "yl-variables";

@font-face {
  font-family: 'yl';
  src:  url('fonts/yl.eot?vf3070');
  src:  url('fonts/yl.eot?vf3070#iefix') format('embedded-opentype'),
    url('fonts/yl.ttf?vf3070') format('truetype'),
    url('fonts/yl.woff?vf3070') format('woff'),
    url('fonts/yl.svg?vf3070#yl') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="yl-"], [class*=" yl-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'yl' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.yl-my-txt:before {
  content: "\e967";
}
.yl-my-baogao:before {
  content: "\e964";
}
.yl-xitong:before {
  content: "\e965";
}
.yl-tuijian:before {
  content: "\e966";
}
.yl-jf-b:before {
  content: "\e900";
}
.yl-ji-dui:before {
  content: "\e901";
}
.yl-ji-how:before {
  content: "\e902";
}
.yl-my-jiang:before {
  content: "\e903";
}
.yl-my-lvb:before {
  content: "\e904";
}
.yl-qian-guize:before {
  content: "\e905";
}
.yl-qian-left:before {
  content: "\e906";
}
.yl-qian-right:before {
  content: "\e907";
}
.yl-table-add:before {
  content: "\e908";
}
.yl-top:before {
  content: "\e958";
}
.yl-Help:before {
  content: "\e959";
}
.yl-look:before {
  content: "\e95a";
}
.yl-activity:before {
  content: "\e954";
}
.yl-canyu:before {
  content: "\e955";
}
.yl-fabu:before {
  content: "\e956";
}
.yl-liuy:before {
  content: "\e957";
}
.yl-tab-find:before {
  content: "\e94a";
}
.yl-tab-home:before {
  content: "\e94b";
}
.yl-tab-my:before {
  content: "\e94c";
}
.yl-tab-nwes:before {
  content: "\e953";
}
.yl-2x-time:before {
  content: "\e92d";
}
.yl-2yiguo .path1:before {
  font-size: 1.14rem;
  content: "\e92e";
  color: rgb(237, 237, 237);
}
.yl-2yiguo .path2:before {
  font-size: 1.14rem;
  content: "\e92f";
  margin-left: -1em;
  color: rgb(250, 250, 250);
}
.yl-2yiguo .path3:before {
  font-size: 1.14rem;
  content: "\e930";
  margin-left: -1em;
  color: rgb(237, 237, 237);
}
.yl-2yiguo .path4:before {
  font-size: 1.14rem;
  content: "\e931";
  margin-left: -1em;
  color: rgb(204, 204, 204);
}
.yl-2yiguo .path5:before {
  font-size: 1.14rem;
  content: "\e932";
  margin-left: -1em;
  color: rgb(204, 204, 204);
}
.yl-2yiguo .path6:before {
  font-size: 1.14rem;
  content: "\e933";
  margin-left: -1em;
  color: rgb(204, 204, 204);
}
.yl-2yishou .path1:before {
  font-size: 1.14rem;
  content: "\e934";
  color: rgb(255, 255, 255);
  opacity: 0.4;
}
.yl-2yishou .path2:before {
  font-size: 1.14rem;
  content: "\e935";
  margin-left: -1em;
  color: rgb(251, 104, 91);
  opacity: 0.4;
}
.yl-2yishou .path3:before {
  font-size: 1.14rem;
  content: "\e936";
  margin-left: -1em;
  color: rgb(251, 104, 91);
  opacity: 0.4;
}
.yl-2yishou .path4:before {
  font-size: 1.14rem;
  content: "\e937";
  margin-left: -1em;
  color: rgb(255, 247, 246);
  opacity: 0.4;
}
.yl-2yishou .path5:before {
  font-size: 1.14rem;
  content: "\e938";
  margin-left: -1em;
  color: rgb(251, 104, 91);
  opacity: 0.4;
}
.yl-2yishou .path6:before {
  font-size: 1.14rem;
  content: "\e939";
  margin-left: -1em;
  color: rgb(251, 104, 91);
  opacity: 0.4;
}
.yl-2yishou .path7:before {
  content: "\e93a";
  margin-left: -1em;
  color: rgb(251, 104, 91);
  opacity: 0.4;
}
.yl-2zan:before {
  content: "\e93b";
}
.yl-2red-del .path1:before {
  content: "\e93c";
  color: rgb(255, 255, 255);
}
.yl-2red-del .path2:before {
  content: "\e93d";
  margin-left: -1em;
  color: rgb(220, 75, 78);
}
.yl-2red-del .path3:before {
  content: "\e93e";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.yl-2search:before {
  content: "\e93f";
}
.yl-2sou-del:before {
  content: "\e940";
}
.yl-2sou-sou:before {
  content: "\e941";
}
.yl-2top-jia:before {
  content: "\e942";
}
.yl-2top-list:before {
  content: "\e943";
}
.yl-2x-map:before {
  content: "\e944";
}
.yl-2x-money:before {
  content: "\e945";
}
.yl-2laji:before {
  content: "\e946";
}
.yl-2list-r:before {
  content: "\e947";
}
.yl-2ly-jia:before {
  content: "\e948";
}
.yl-2map:before {
  content: "\e949";
}
.yl-2more:before {
  content: "\e94d";
}
.yl-2pic:before {
  content: "\e94e";
}
.yl-2ping:before {
  content: "\e94f";
  padding-right: 0.1rem
}
.yl-2gou:before {
  content: "\e950";
}
.yl-2gz-pre:before {
  content: "\e951";
  // color:#fb685b ;
  padding-right: 0.06rem;
}
.yl-2gz:before {
  content: "\e952";
  padding-right: 0.06rem;
}
.yl-2kong .path1:before {
  content: "\e971";
  color: rgb(255, 255, 255);
}
.yl-2kong .path2:before {
  content: "\e972";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.yl-2kong .path3:before {
  content: "\e973";
  margin-left: -1em;
  color: rgb(168, 121, 69);
}
.yl-2kong .path4:before {
  content: "\e974";
  margin-left: -1em;
  color: rgb(210, 161, 99);
}
.yl-2kong .path5:before {
  content: "\e975";
  margin-left: -1em;
  color: rgb(235, 187, 123);
}
.yl-2kong .path6:before {
  content: "\e976";
  margin-left: -1em;
  color: rgb(242, 206, 160);
}
.yl-2kong .path7:before {
  content: "\e977";
  margin-left: -1em;
  color: rgb(242, 207, 160);
}
.yl-2kong .path8:before {
  content: "\e978";
  margin-left: -1em;
  color: rgb(168, 121, 69);
}
.yl-2kong .path9:before {
  content: "\e979";
  margin-left: -1em;
  color: rgb(141, 96, 52);
}
.yl-2back:before {
  content: "\e97a";
}
.yl-2baom:before {
  content: "\e97b";
  padding-right: 0.1rem
}
.yl-2check_pre:before {
  content: "\e97c";
}
.yl-2check:before {
  content: "\e97d";
}
.yl-2r:before {
  content: "\e92c";
  color: #ccc;
}
.yl-chou:before {
  content: "\e92b";
}
.yl-fire:before {
  content: "\e91e";
  // color: #404553;
  font-size: 0.36rem;
  padding-right: 0.18rem;
  vertical-align:middle;
  display:inline-block;
}
.yl-floor:before {
  content: "\e91f";
  // color: #404553;
  font-size: 0.36rem;
  padding-right: 0.18rem;
  vertical-align:middle;
  display:inline-block;
}
.yl-kong .path1:before {
  content: "\e920";
  color: rgb(234, 234, 234);
  font-size: 2.8rem
}
.yl-kong .path2:before {
  content: "\e921";
  margin-left: -1em;
  color: rgb(85, 184, 250);
  font-size: 2.8rem
}
.yl-kong .path3:before {
  content: "\e922";
  margin-left: -1em;
  color: rgb(161, 216, 253);
  font-size: 2.8rem
}
.yl-kong .path4:before {
  content: "\e923";
  margin-left: -1em;
  color: rgb(128, 203, 253);
  font-size: 2.8rem
}
.yl-kong .path5:before {
  content: "\e924";
  margin-left: -1em;
  color: rgb(161, 216, 253);
  font-size: 2.8rem
}
.yl-kong .path6:before {
  content: "\e925";
  margin-left: -1em;
  color: rgb(128, 203, 253);
  font-size: 2.8rem
}
.yl-kong .path7:before {
  content: "\e926";
  margin-left: -1em;
  color: rgb(255, 255, 255);
  font-size: 2.8rem
}
.yl-kong .path8:before {
  content: "\e927";
  margin-left: -1em;
  color: rgb(144, 153, 159);
  font-size: 2.8rem
}
.yl-kong .path9:before {
  content: "\e928";
  margin-left: -1em;
  color: rgb(242, 250, 255);
  font-size: 2.8rem
}
.yl-kong .path10:before {
  content: "\e929";
  margin-left: -1em;
  color: rgb(144, 153, 159);
  font-size: 2.8rem
}
.yl-time2:before {
  content: "\e92a";
  color: #404553;
}
.yl-delete2 .path1:before {
  content: "\e91b";
  color: rgb(255, 255, 255);
}
.yl-delete2 .path2:before {
  content: "\e91c";
  margin-left: -1em;
  color: rgb(220, 75, 78);
}
.yl-delete2 .path3:before {
  content: "\e91d";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.yl-jia2:before {
  content: "\e919";
}
.yl-ashcan:before {
  content: "\e91a";
}
.yl-delete:before {
  content: "\e900";
}
.yl-add:before {
  content: "\e901";
}
.yl-back:before {
  content: "\e902";
}
.yl-right:before {
  content: "\e918";
}
.yl-check-pre:before {
  content: "\e903";
}
.yl-check:before {
  content: "\e904";
}
.yl-dianp:before {
  content: "\e905";
}
.yl-huati:before {
  content: "\e906";
}
.yl-jia:before {
  content: "\e907";
}
.yl-list:before {
  content: "\e908";
}
.yl-map:before {
  content: "\e909";
}
.yl-money:before {
  content: "\e90a";
}
.yl-more:before {
  content: "\e90b";
}
.yl-my:before {
  content: "\e90c";
}
.yl-no:before {
  content: "\e90d";
}
.yl-search:before {
  content: "\e90e";
}
.yl-shuos:before {
  content: "\e90f";
}
.yl-sou:before {
  content: "\e910";
}
.yl-time:before {
  content: "\e911";
  font-size: 0.36rem;
  padding-right: 0.18rem;
  vertical-align:middle;
  display:inline-block;
}
.yl-xianzhi:before {
  content: "\e912";
}
.yl-yes:before {
  content: "\e913";
}
.yl-zan-pre .path1:before {
  content: "\e914";
  color: rgb(224, 134, 171);
}
.yl-zan-pre .path2:before {
  content: "\e915";
  margin-left: -1em;
  color: rgb(234, 183, 209);
  opacity: 0.3;
}
.yl-zan-pre .path3:before {
  content: "\e916";
  margin-left: -1em;
  color: rgb(234, 183, 209);
  opacity: 0.3;
}
.yl-zan:before {
  content: "\e917";
}
